<template>
    <div class="contents">
				<van-nav-bar
				title="发布话题"
				left-text="返回"
				left-arrow
				@click-left="onClickLeft"
				/>
        <section class="topicdetail">
            <h6>你们都比较喜欢哪种风格的家具？</h6>
        </section>
        <section class="releasepl">
            <textarea class="inputtopic" cols="30" rows="10" placeholder="请输入您想发布的内容">
            </textarea>
            <van-uploader :after-read="onRead" accept="image/gif, image/jpeg" multiple>
            </van-uploader>
        </section>
				<section class="loginout">
					<router-link to="/successfully" tag="div">
						<van-button class="loginoutbtn" block>发布</van-button>
					</router-link>
				</section>
    </div>
</template>


<script>
import Vue from 'vue'
import { NavBar,Tab, Tabs,Uploader, Button } from 'vant'
Vue.use(NavBar).use(Tab).use(Tabs).use(Uploader).use(Button)

export default {
	data () {
        return {
            
        }
	},
	methods: {
	  onClickLeft () {
		this.$router.go(-1);
      },
      onRead(file) {
      console.log(file)
      }
	}
};

</script>

<style lang="scss" scoped="scoped">
@import '@/lib/reset.scss';
.topicdetail{
	color:#101010;
	@include border(0 0 1px 0, #ccc, solid, null);
	h6{
		font-size: 0.14rem;
		margin:0.1rem 0;
		font-weight: normal;
	}
	p{
		font-size: 0.14rem;
		line-height:0.2rem;
		margin-bottom: 0.2rem;
	}
}
.releasepl{
	width: 100%;
	margin-top: .1rem;
	.inputtopic{
		width:100%;
		@include border(1px, #ccc, solid, null);
		text-indent: 0.12rem;
	}     
}
.topicdetail, .releasepl {
	padding: 0 .1rem;
	box-sizing: border-box;
}
.loginout {
	margin-top: .1rem;
	padding: 0 .1rem;
	box-sizing: border-box;
}
.loginoutbtn {
	background: #696f80;
	color: #fff;
}
</style>